<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8" xmlns:th="http://www.thymeleaf.org">
    <title>收货地址</title>
    <link rel="stylesheet" href="../font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="../css/person.css">
    <!-- 图标 -->
    <link rel="stylesheet" href="../static/css/font.css">
    <link rel="stylesheet" href="../static/css/xadmin.css">
</head>
<style>
    a {
        text-decoration: none;
    }

    .headerBox {
        width: 100%;
        height: 100px;
        background-color: slateblue;
        display: flex;
        justify-content: center;
    }

    .header {
        width: 70%;
        height: 100px;
        display: flex;
        flex-wrap: nowrap;
    }

    .leftHeaderBox {
        width: 25%;
        height: 100px;
        display: flex;
        align-items: center;
    }

    .headerLogo {
        width: 100px;
        height: 100px;
    }

    .headerTextStyle {
        text-decoration: none;
        color: white;
        font-size: 30px;
    }

    .middleHeaderBox {
        width: 25%;
        height: 100px;
    }

    .rightHeaderBox {
        width: 50%;
        height: 100px;
        display: flex;
        justify-content: space-around;
        align-items: center;
        color: white;
    }

    .searchBox {
        background-color: white;
        width: 300px;
        height: 50px;
        border-radius: 50px;
        border: 5px;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

    .down {
        width: 100%;
        height: 640px;
        display: flex;
        flex-direction: row;
        background-color: #f0f3ef;
    }

    .downLeft {
        width: 180px;
        height: 515px;
        margin-left: 180px;
        margin-top: 115px;
        background-color: white;
        display: flex;
        flex-direction: column;
    }

    .downRU {
        width: 1110px;
        height: 70px;
        margin-left: -180px;
        margin-top: 15px;
        background-color: white;
    }

    .downRC {
        width: 900px;
        height: 70px;
        margin-left: 30px;
        margin-top: 15px;
        background-color: white;
    }

    .downRD {
        width: 900px;
        /*height: 445px;*/
        margin-left: 30px;
        margin-top: 15px;
        background-color: white;
    }

    .downAddress {
        font-size: 15px;
        color: rgba(0, 0, 0, 0.7);
        font-family: 楷体;
        margin-top: 25px;
        margin-left: 30px;
    }

    .downPer {
        font-size: 17px;
        color: black;
        font-family: 楷体;
        font-weight: bolder;
        margin-top: 25px;
        margin-left: 30px;
    }

    .add {
        width: 180px;
        height: 30px;
        border: 0px;
        border-bottom: 1px solid rgba(37, 37, 37, 0.69);
        color: rgba(37, 37, 37, 0.69);
        font-size: 13px;
        margin-left: 30px;
    }

    .from {
        margin-top: 100px;
        margin-left: 280px;
    }

    .from-b {
        color: white;
        font-size: 13px;
        font-family: 微软雅黑;
        border: 0px solid black;
        border-radius: 5px;
        width: 50px;
        height: 30px;
        margin-left: 35px;
        background-color: red;
    }

    .content {
        width: 92%;
        height: 120px;
        background-color: #f0f3ef;
        margin-top: 15px;
        margin-left: 35px;
        border-radius: 15px;
        display: flex;
        flex-direction: row;
    }

    .mad {
        margin-left: 300px;
        margin-top: 15px;
        width: 100px;
        height: 30px;
        background-color: #0a83d7;
        border-radius: 10px;
    }
</style>
<body>
<div style="display: flex; flex-direction: column;">
    <!--导航页-->
    <div class="headerBox">
        <div class="header">
            <div class="leftHeaderBox">
                <a href="admin/index.html">
                    <img id="logoImage" class="headerLogo" src="../images/logo2.png">
                </a>
                <a href="admin/index.html" class="headerTextStyle">小牛商城</a>
            </div>
            <div class="middleHeaderBox">
            </div>
            <div class="rightHeaderBox">
                <div class="searchBox">
                    <input class="searchInput" type="text">
                    <a><i class="fa fa-search headerIconStyle" aria-hidden="true"></i></a>
                </div>
                <span style="width: 130px; margin-left: 20px">
                    <a class="headerTextStyle" th:href="@{/ourProject/login}">购物车</a>
                </span>
                <span style="width: 150px; margin-left: 20px">
                    <a class="headerTextStyle" href="register.html">个人信息</a>
                </span>
            </div>
        </div>
    </div>
    <div class="down">
        <div class="downLeft">
            <div style="margin-top: -10px; margin-left: 35px;">
                <p class="downPer">信&nbsp息</p>
            </div>
            <div style="margin-top: 8px; margin-left: 25px;">
                <a class="downAddress" href="pInformation.html">订单信息</a>
            </div>
            <div style="margin-top: 8px; margin-left: 25px;">
                <a class="downAddress" style="font-color: rgba(114,114,114,0.49); font-weight: bolder"
                   href="pAddress.html">收货地址</a>
            </div>
            <div style="margin-top: 8px; margin-left: 25px;">
                <a class="downAddress" href="pPersionInfor.html">个人信息</a>
            </div>
        </div>
        <div style="display: flex; flex-direction: column">
            <div class="downRU">
                <p class="downAddress">收货地址</p>
            </div>
            <div>
                <form class="from" th:action="@{/user/modAddress}" method="post">
                    <input type="hidden" class="add" name="userId" th:value="${address.userId}">
                    <input type="hidden" class="add" name="userAddressId" th:value="${address.userAddressId}">
                    <input type="text" class="add" name="realName" th:value="${address.realName}" placeholder="姓名"><br><br>
                    <input type="text" class="add" name="telephone" th:value="${address.telephone}" placeholder="手机号"><br><br>
                    <input type="text" class="add" name="address" th:value="${address.address}" placeholder="地址"><br><br>
                    <input class="from-b" type="submit" value="修改">
                    <input class="from-b" style="background-color: lightgreen" type="submit" value="重 置">
                </form>
            </div>

        </div>

    </div>
</div>
</body>
</html>
